<template>
  <div class="top">
    <div class="iconfont icon-menu" @click="wei"></div>
    <div class="shu">
      <van-search v-model="value" placeholder="查询个人征信" />
      <van-icon name="smile-o" style="font-size: 0.28rem" @click="she" />
    </div>
    <div class="iconfont icon-jia" @click="anquan"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    wei() {
      this.$router.push({
        path: "/WeiView",
      });
    },
    she() {
      this.$router.push({
        path: "/SheView",
      });
    },
    hui() {
      this.$router.push({
        path: "/HuiView",
      });
    },
    anquan() {
      this.$router.push({
        path: "/AnquanView",
      });
    },
    fa() {
      this.$router.push({
        path: "/FaView",
      });
    },
    shua() {
      this.$router.push({
        path: "/ShuaView",
      });
    },
    bang() {
      this.$router.push({
        path: "/BangView",
      });
    },
  },
};
</script>

<style scoped>
.top {
  width: 100%;
  height: 0.68rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.shu {
  width: 2.56rem;
  height: 0.46rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.iconfont {
  font-size: 0.24rem;
}
</style>